<template>
  <!-- 在vue3中，可以没有唯一的根标签 -->
  <h1>选项式API写法</h1>
  <h1>{{ num }}</h1>
  <button @click="add">+1</button>
</template>

<script>
// 在vue3中，是向下兼容，在vue3中，是可以书写vue2的代码
export default {
  data() {
    return {
      num: 0
    }
  },
  methods: {
    add() {
      this.num++
    }
  }
}
</script>

<style scoped></style>
